﻿@using VirtualPress.Infrastructure.Entities.Entity;
@{
    ViewBag.Title = "学术期刊";
    Layout = "/Views/Shared/_Main.cshtml";
}
@{
    ItemListBox<Periodical> data = ViewBag.Journals;
}
@section head{
    <link href="/content/css/magazine.css" rel="stylesheet" />
    <script src="/scripts/bootstrap-popover.js" type="text/javascript"></script>
}
<div class="container">
    <div class="row">
        <div class="span3 bs-docs-sidebar">
            <ul id="navbar" class="nav nav-list bs-docs-sidenav">
                <li class="active" style="text-align: center"><a href="javascript:">学术期刊</a></li>
            </ul>
        </div>
        <div class="span9">
            <ul class="breadcrumb">
                <li><a href="/">首页</a> <span class="divider">/</span></li>
                <li><a>期刊</a> <span class="divider">/</span></li>
                <li class="active">学术期刊 </li>
            </ul>
            <ul class="thumbnails bootstrap-examples">
                @foreach (var item in data.Data)
                { 
                    <li class="span3"><a target="_blank" class="thumbnail" href="/Journals/Home/Detail/@item.Id" style="padding-top:10px; text-align:center" data-trigger="hover" data-original-title="@item.Name"
                                data-html="true" data-content="@item.Introduction<hr/>ISSN:@item.ISSN_Print<br/>eISSN:@item.ISSN_Online">
                        <img style="width:150px; height:205px;" src="@item.CoverImg" alt="@item.Name" />
                        <h4>
                            @item.Name</h4>
                    </a></li>
                }
            </ul>
        </div>
        @Html.Raw(data.PageItemSegment)
    </div>
</div>
@section tail{
    <script type="text/javascript">
        $(function () {
            var profession = data.Profession;
            var navcontent;
            for (var i = 0, len = profession.length; i < len; i++) {
                navcontent += '<li><a href="/Journals/home/List/' + profession[i].value + '"><i class="icon-chevron-right"></i>' + profession[i].name + '</a></li>';
            }
            $('#navbar li:eq(0)').after($(navcontent));
            $('#navbar li:eq(@(ViewBag.Id / 100 + 1))').children('a').css({
                'background-color': '#f5f5f5'
            });
        });

        $(function () {
            $('#lijournal').addClass('active');
            $('a.thumbnail').popover();
        });
    </script>
}
